<form>
    <div id="demo" class="yui3-skin-sam">
        <h4>Basic Console</h4>
        <div id="basic"></div>
        <p>
            <button type="button" id="toggle_basic">hide console</button>
        </p>

        <h4>New messages added to bottom</h4>
        <div id="add_to_bottom"></div>
        <p>
            <button type="button" id="toggle_atb">show console</button>
        </p>

        <h4>Custom strings</h4>
        <p><em>Rendered in default location (top right)</em></p>
        <p>
            <button type="button" id="toggle_cstrings">show console</button>
        </p>

        <h4>Log some messages</h4>
        <p>
            <input type="text" id="info_text" value="I'm an info message!">
            <input type="submit" id="info">log info message</button>
        </p>
        <p>
            <input type="text" id="warn_text" value="I'm a warning!">
            <input type="submit" id="warn">log warning</button>
        </p>
        <p>
            <input type="text" id="error_text" value="I'm an error!">
            <input type="submit" id="error">log error</button>
        </p>
    </div>
</form>
